<!doctype html>

<html lang="en">

<head>

<meta charset="utf-8"/>

<title> Countries of the World </title>

<script src="scripts/sessionstorage.1.4.js" language="javascript"></script>

<script src="scripts/scripts.js" language="javascript"></script>

<link href="styles/styles.css" rel="stylesheet" type="text/css"/>

    <script src="scripts/quiz1.js" language="javascript"></script>

 

</head>

<body onLoad="javascript:startCourse();javascript:visitFrance()">


<nav id="navigation">

 

 

<a href="uae.html" class="menu-link">UAE</a>

<a href="sudan.html" class="menu-link">Sudan</a>

<a href="france.html" class="menu-link">France</a>

<a href="gambia.html" class="menu-link">Gambia</a>

<a href="test.html" class="menu-link" id="test-link">Test</a>
     

</nav>


<section id="main-content">


<article id="main-info">


<header>


<h1 id="topic-title">France</h1>


</header>


<img src="images/Francepic.jpg" alt= "France" title="France"/>

<p>France is one of largest country in Europ and it is one of the best countries in the world. It has many nice things that attract people form all the world. </p>

<h1 id="topic-title">the flag</h1>


  <img src="graphic/France.svg" width="215" height="143"/>




<footer>

<cite>

<strong>References</strong><br/>

<a href="http://creativecommons.org">CreativeCommons</a><br/>

 

<a href="http://wikipedia.org">Wikipedia</a><br/>




</cite>

</footer> 

</article>

 

</section>


</body>

</html>